<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <meta name="screen-orientation" content="portrait" />
    <meta name="full-screen" content="yes" />
    <meta name="x5-fullscreen" content="true" />
    <title>礼品详情</title>
    <link rel="stylesheet" href="css/element_2.4.7.css"/>
    <link rel="stylesheet/less" href="css/common.less"/>
</head>
<body>
    <div id="app">
        <!--顶部-->
        <div class="top">
            <span>爱健康&nbsp;&nbsp;爱生活</span>
            <a href="javascript:history.go(-1);" class="return">
                <span class="return-arrow"></span>
                <span>返回&nbsp;关闭</span>
            </a>
            <a href="#" class="oprate"></a>
        </div>

        <!--头部标题-->
        <div class="head">{{headTitle}}</div>

        <!--主要内容-->
        <div class="content" id="gift_info_sos">
            <!--banner图-->
            <div class="banner">
                <el-carousel trigger="click" arrow="always">
                    <el-carousel-item v-for="banner in banner">
                        <a :style="banner.style"></a>
                    </el-carousel-item>
                </el-carousel>
            </div>

            <div class="content_block">
                <div class="gift-info-block" v-for="info in giftInfo">
                    <p class="gift-info-title">
                        <span>{{info.title}}</span>
                    </p>
                    <div class="gift-info-content" v-html="info.contentHtml"></div>
                </div>

                <a class="foot-btn" href="javascript:history.go(-1);">返回</a>
            </div>
        </div>
    </div>
</body>

<script src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    less = {
        env: "development",
        async: false,
        fileAsync: false,
        poll: 1000,
        functions: {},
        dumpLineNumbers: "comments",
        relativeUrls: false,
        rootpath: ":/a.com/"
    };
</script>
<script src="js/less.js"></script>
<script src="js/common.js"></script>
<!-- import Vue before Element -->
<script src="js/vue_2.5.17.js"></script>
<!-- import JavaScript -->
<script src="js/element_2.4.7.js"></script>
<script>
    new Vue({
        el: '#app',
        data: function() {
            return {
                headTitle:'礼品详情',//标题
                banner:[//banner图
                    {
                        style:{
                            background:'url("image/milk-img.png") center no-repeat',
                            backgroundSize:'cover'
                        }
                    },
                    {
                        style:{
                            background:'url("image/milk-img.png") center no-repeat',
                            backgroundSize:'cover'
                        }
                    }
                ],

                giftInfo:[//列表数据
                    {
                        title:'特仑苏优惠码使用说明',
                        contentHtml:'<p>此为蒙牛集团旗下电商自运营平台“幸福动车”提供的优惠码（有效期：2017年5月1日--2018年4月30日）。该优惠券使用须知：<br/>1.优惠码过期作废，不记名、不挂失、不兑换现金；<br/>2.此代金券仅限于在蒙牛幸福动车专区<br/>（http://t.cn/Rf2buvY）购买特仑苏纯牛奶苗条装<br/>250ml*12盒专用，将享受13元优惠；<br/>3.使用方法：用户进入专区或网站<br/>（http://mall.mengniu.com.cn/）---选择对应商品加入购物车去结算---填写收货信息---点击“使用折扣代码”输入优惠码，填写验证码，确认使用---提交订单---去支付---交易完成；<br/>4.如领取优惠码后，出现使用问题，可以直接联系幸福动车客服热线400-991-9191（8：30-20：30节假日照常）；<br/>5.本优惠码最终解释权归内蒙古蒙牛乳业集团股份有限公司所有</p>'
                    }
                ]
            }
        }
    });

</script>

</html>